<template>
    <div id="shiji-1-1">
        <div class="shiji-1">
            <img src="../assets/images/07.jpg">
            <p>豆瓣豆品</p>
        </div>
        <div class="shiji-1">
            <img src="../assets/images/08.jpg">
            <p>豆瓣时间</p>
        </div>
        <div class="shiji-1">
            <img src="../assets/images/09.jpg">
            <p>豆瓣书店</p>
        </div>
    </div>
</template>
<style>
    #shiji-1-1{
        width: 100%;
        height: .9rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .shiji-1{
        width: 30%;
        height: .53rem;
        border: .02rem solid #efefef;
        border-radius: .07rem;
        display: flex;
        align-items: center;
        justify-content: space-around;
    }
</style>